<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    `<pm:page title="Mobile">
        <pm:view id="viewA">
            <pm:header title="#{msg['hello.home.title']}" />
            <pm:content>
                <p:messages autoUpdate="true"/>
                <h:form id="mobileLoginForm">
                <p:outputPanel id="container">
                    <pm:field>
                    <p:inputText id="username" value="#{loginBean.username}" label="#{msg['hello.login.username']}"/>
                    <p:watermark value="User Name" for="username"/>
                    <p:outputLabel for="password" value="#{msg['hello.login.password']}"/>
                    <p:password id="password" value="#{loginBean.password}"/>
                    <p:watermark value="Password" for="password" />
                    </pm:field>
                    <p:commandButton action="#{loginBean.login}" value="#{msg['hello.login.login']}" />
                </p:outputPanel>
                </h:form>

            </pm:content>
        </pm:view>
        <pm:view id="viewB">
            <pm:header title="B" />
            <pm:content>
                B View
            </pm:content>
        </pm:view>
    </pm:page>


</f:view>